<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>我的购物车</title>
    <link href="./img/favicon.ico" rel="shortcut icon" />
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./sass/cart.css" />
    <link rel="stylesheet" href="./font/iconfont.css" /><link rel="stylesheet" href="./css/libs/bootstrap.css">
  </head>
  <body>
      <!-- 提示框 -->
    <div class="top-wrap">
      <div class="tongzhi-wrap">
        <a class="tongzhi-wrap-a" href="#"
          >欢迎光临New
          Balance中国官方商城，新客注册350元礼券，新老客下单即享全场包邮！因技术问题微信支付暂时无法使用，建议使用浏览器登录New
          Balance中国官方商城，给您带来的不便敬请谅解！</a
        >
      </div>
      <!-- 导航 -->
      <div class="wrap-list">
        <a href="" class="logo"><img src="./img/logo.png" alt="" /></a>
        <ul class="wrap-list-1">
          <li><a href="">男子</a></li>
          <li><a href="">女子</a></li>
          <li><a href="">男孩</a></li>
          <li><a href="">女孩</a></li>
        </ul>
        <div class="search-wrap">
            <input class="search" type="text" value="搜索" />
            <span id="fangdajing" class="iconfont icon-fangdajing"> </span>
            <input class="btn" type="button" value="" />
      </div>
      <div class="search-wrap-2">
        <a href="#" id="denglu">
          <span class="iconfont icon-denglu"></span> 登录</a
        >
        <span>/</span>
        <a href="#" class="zhuce">注册</a>
        <a href="" class="gouwuche">
          <span class="iconfont icon-gouwuche"></span>您的购物车是空的
        </a>
      </div>
    </div>
    <!-- 购物车通知 -->
    <div class="cart-title">
        <h1><span class="iconfont icon-gouwuche"></span>我的购物车</h1>
    </div>



<!-- 购物车列表 -->
<div  class="cart-list">
    <!-- <h1>购物车列表</h1> -->
    <table class="table mt-5">
      <thead>
        <tr>
          <th>序号</th>
          <th>图片</th>
          <th style="width: 400px">名称</th>
          <th>售价</th>
          <th style="width: 50px">数量</th>
          <th>总价</th>
          <th>删除</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>1</td>
          <td>img</td>
          <td>name</td>
          <td>price</td>
          <td><input type="number" /></td>
          <td>sum-price</td>
          <td><span class="btn btn-warning">删除</span></td>
        </tr>
      </tbody>
    </table>
</div>









<!-- 购物车联系方式 -->
<div  class="cart-phone">
<div class="cart-phone-list">
<p>联系我们</p>
<p>电子邮箱至客服中心</p>
<p>800-820-555</p>
<p>800-820-555</p>
<p>客服时间：星期一 ~ 星期日 9AM ~ 10PM (北京时间)</p>
<p>客服邮箱：45444545@163.com</p>





</div>

</div>


   
    <!-- 底部导航链接 -->


    <div class="foot-link">
        <div id="foot_help">
            <div class="foot_intr" id="foot_intr01"> 
                <ul class="foot-link-list"> 
                    <span>
                        新手指南
                        </span>
                <li>
                  <a target="_blank" href="#">用户注册</a></li>

                <li><a target="_blank" href="#">会员折扣</a></li>

                <li><a target="_blank" href="#">用户奖励</a></li>
                </ul> 
            </div>
            <div class="foot_intr" id="foot_intr01"> 
                <ul class="foot-link-list"> 
                    <span>
                        新手指南
                        </span>
                <li>
                  <a target="_blank" href="#">用户注册</a></li>

                <li><a target="_blank" href="#">会员折扣</a></li>

                <li><a target="_blank" href="#">用户奖励</a></li>
                </ul> 
            </div>
            <div class="foot_intr" id="foot_intr01"> 
                <ul class="foot-link-list"> 
                    <span>
                        新手指南
                        </span>
                <li>
                  <a target="_blank" href="#">用户注册</a></li>

                <li><a target="_blank" href="#">会员折扣</a></li>

                <li><a target="_blank" href="#">用户奖励</a></li>
                </ul> 
            </div>
            <div class="foot_intr" id="foot_intr01"> 
                <ul class="foot-link-list"> 
                    <span>
                        新手指南
                        </span>
                <li>
                  <a target="_blank" href="#">用户注册</a></li>

                <li><a target="_blank" href="#">会员折扣</a></li>

                <li><a target="_blank" href="#">用户奖励</a></li>
                </ul> 
            </div>
            <div class="foot_intr" id="foot_intr01"> 
                <ul class="foot-link-list"> 
                    <span>
                        新手指南
                        </span>
                <li>
                  <a target="_blank" href="#">用户注册</a></li>

                <li><a target="_blank" href="#">会员折扣</a></li>

                <li><a target="_blank" href="#">用户奖励</a></li>
                </ul> 
            </div>
            <div class="erweima">
                <span>唐狮官方二维码</span>
                <img src="./img/erweima.jpg" alt="">
                <span class="friend">加微信为好友</span>
            </div>
        </div>
        <p>
            <a href="">浙江备案号1114545号</a>
        </p>
        <p class="foot-p-2">新百伦贸易（中国）有限公司 上海市静安区南京西路688号688广场6楼</p>

    </div>
  </body>
</html>
